/* 
    Document   : messages
    Created on : Feb 11, 2011, 10:06:56 AM
    Author     : aibrisimbegovic
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.message {
	border-top: 1px solid #FDC5C5;
	border-bottom: 1px solid #FDC5C5;
	background: #FEE;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	font-size: 0.9em;
	position: relative;
}

.message:after, .message:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
}

.message .close {
	display: block;
	position:absolute;
	right: 12px;
	width: 16px;
	height: 16px;
	background: url(/images/close.png) 0 0 no-repeat;
	margin-top: 4px;
	cursor: pointer;
	-moz-opacity: 0.7;
	opacity: 0.7;
	text-indent:-9999px;
}

.message .close.hover {
	-moz-opacity: 1;
	opacity: 1;
}

.message p {
	margin: 0;
	padding: 5px;
	font-weight: bold;
}

.message ul {
	margin: 0;
	padding: 0 0 0 20px;
}

.message.error {
	border-top: 1px solid #FDC5C5;
	border-bottom: 1px solid #FDC5C5;
	background: #FEE;
}

.message.success {
	border-top: 1px solid #C8F38D;
	border-bottom: 1px solid #C8F38D;
	background: #F3FEDE;
}

